<template>
  <div class="app-container">
    <!-- 车辆树 -->
    <carTree />

    <!-- 地图 -->
    <suerviseMap />

    <!-- 视频栏 -->
    <videoList />
  </div>
</template>

<script setup>
import carTree from '../components/carTree/index.vue';
import suerviseMap from '../components/suerviseMap/index.vue'
import videoList from '../components/videoList/index.vue'
</script>

<style lang="scss" scoped>
.app-container {
  padding: 0;
  font-size: 12px;
  display: flex;
  // height: 100%;
  min-height: calc(100vh - 104px);
  max-height: calc(100vh - 104px);
}
</style>